<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%@ taglib uri="/WEB-INF/jstl/c.tld" prefix="c"%>
<%@ taglib uri="/WEB-INF/jstl/fn.tld" prefix="fn"%>
<%@ taglib uri="/WEB-INF/jstl/fmt.tld" prefix="fmt"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://"
			+ request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>

<html lang="zh-CN">
<head>
<base href="<%=basePath%>">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>订单商品详情</title>

<link rel="stylesheet" type="text/css"
	href="<%=basePath%>assets/bootstrap/css/resetPro.css">
<link
	href="<%=basePath%>assets/bootstrap/css/bootstrap-combined.min.css"
	rel="stylesheet">
<script type="text/javascript"
	src="<%=basePath%>assets/bootstrap/js/jquery-2.0.0.min.js"></script>
<script type="text/javascript"
	src="<%=basePath%>assets/bootstrap/js/bootstrap.min.js"></script>
<script type="text/javascript"
	src="<%=basePath%>assets/bootstrap/js/jquery-ui.js"></script>
<script type="text/javascript"
	src="<%=basePath%>assets/bootstrap/js/jquery.ui.touch-punch.min.js"></script>
<script type="text/javascript"
	src="<%=basePath%>assets/bootstrap/js/jquery.htmlClean.js"></script>
<script type="text/javascript"
	src="<%=basePath%>assets/bootstrap/ckeditor/ckeditor.js"></script>
<script type="text/javascript"
	src="<%=basePath%>assets/bootstrap/ckeditor/config.js"></script>
<link rel="stylesheet" type="text/css"
	href="<%=basePath%>assets/bootstrap/Font-Awesome-3.2.1/css/font-awesome.min.css">
<link rel="stylesheet"
	href="<%=basePath%>assets/onedate/css/BeatPicker.min.css" />
<script src="<%=basePath%>assets/onedate/js/BeatPicker.min.js"></script>
<script src="<%=basePath%>assets/onedate/documents/js/prism.js"></script>

<style type="text/css">
a:hover {
	text-decoration: none !important;
}

.pzSpanClass {
	margin: 0 15px;
}

.pzClass {
	width: 55px;
	height: 25px;
}

.cheSpan {
	display: inline-block !important;
	min-width: 25px;
}

.keyinput {
	margin-bottom: 0px !important;
	height: 30px !important;
}

.datatable th,.datatable td {
	text-align: center !important;
	vertical-align: middle !important;
}

.foottable {
	border-top-width: 0px !important;
	margin-top: -21px !important;
}

.oneinput {
	margin-bottom: 0px !important;
	height: 30px !important;
}

.onediv {
	/* width: 290px; */
	margin: 0px auto;
	margin-top: 22px;
}

.toStrong {
	font-weight: 700;
}
</style>
</head>
<body>
	<div class="container-fluid">
		<div class="row-fluid">
			<div class="span12">
				<!-- 页面导航 -->
				<%@include file="../shared/pageTitle.jsp"%>

				<!-- 页面信息 -->
				<div class="alert">
					<button type="button" class="close" data-dismiss="alert">×</button>
					<h4>信息!</h4>
					<strong>(～￣▽￣)～*!</strong> 这里是订单商品查看页面.
				</div>
			</div>
		</div>
		<div class="row-fluid">
			<div class="span12">
				<div class="onediv">
					<div class="hero-unit">
					<h3># ${orderId}号订单商品详情</h3>
					<!-- 展示指定订单商品 -->
					<table class="table table-bordered datatable">
				<thead style="background:#F5F5F5">
					<tr>
						<th>商品ID</th>
						<th>商品名</th>
						<th>商品单价</th>
						<th>商品数量</th>
						<th>小计</th>
					</tr>
				</thead>
				<c:choose>
					<c:when test="${(empty orderGoodsList) or (fn:length(orderGoodsList)<1)}">
						<h4 class="text-center text-error">topShow信息为空</h4>
					</c:when>
					<c:otherwise>
						<tbody>
							<%
								int i = 0;
							%>
							<c:forEach items="${orderGoodsList}" var="orderGoods">

								<%
									i++;
								%>
								<tr class="<%if (i % 2 != 0) {%>warning<%} else {%>info<%}%>">
									<td>${orderGoods.gid}</td>
									<td>${orderGoods.name}</td>
									<td>${orderGoods.price}&nbsp;￥</td>
									<td>${orderGoods.sum}</td>
									<td>${orderGoods.sum * orderGoods.price}&nbsp;￥</td>
								</tr>
							</c:forEach>
						</tbody>
					</c:otherwise>
				</c:choose>
			</table>
			<h4>总计花费:${cost}&nbsp;￥</h4>
			<br>
			<a class="btn btn-info btn" href="<%=basePath%>adminOrder/show">返回»</a>
					</div>
				</div>
			</div>
		</div>
	</div>
</body>
</html>
